<template>
	<div class="set bg-f5">
		<ul class="bg-white">
			<li v-for="item in lists" :key="item.id" :id="item.id" class="border-b">
				<router-link :to="item.link" class="size_list layout pt15 pb15 pl15 pr15 ">
					<p class="flex_1 layout">
						<span class="fs15 c333">{{item.name}}</span>
						<van-icon class="black" color="#000" size="20px" name="youjiantou"/>
					</p>
				</router-link>	
			</li>
		</ul>
		<button class="bg-subject white mt10 mb20 pt10 pb10 auto auto w92 radius" style="margin-top:30%" @click="submit">退出账户</button>
	</div>
</template>

<script>
	export default{
		data()
		{
			return{
				lists: [
		    		{ id: 0, name: "关于我们", link: "/personal/set/about"},
		    		{ id: 3, name: "分享App", link: ""}
		    	],
			}
		},
		methods:
		{
			submit(){
				this.$store.dispatch("logout");
				this.$router.replace('/login');
			}
		}
	}
</script>

<style lang="less">
	.set{
		ul{
			li{
				&:last-child{
					border-bottom:none;
				}
			}
		}
	}
</style>
